<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<meta name="viewport" content="width=device-width,
			initial-scale=1,
			minimum-scale=1,
			maximum-scale=1,		
			user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/animate.css" />
		<link rel="stylesheet" type="text/css" href="css/shouye.css" />
		<link rel="stylesheet" type="text/css" href="css/neiye_a.css" />
		<link rel="stylesheet" type="text/css" href="css/neiyeb.css" />
		<link rel="stylesheet" type="text/css" href="css/haoyoupinlun.css" />
		<link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css" />
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="js/jquery.fullPage.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>

		<div class="web">

			<div class="section">
				<div class="warp">
					<div class="logo_img animated">
						<img src="img/logo.png" />
					</div>
					<div class="dwenzi">
						<span class="dayun"><img src="img/yun.png"/></span>
						<h4 class="animated"><img src="img/chaoren.png"/></h4>
						<h5 class="animated"><img src="img/houdezhu.png"/></h5>
						<h6 class="animated"><img src="img/niandu.png"/></h6>
						<h3 class="animated"><img src="img/heibai.png"/></h3>
						<span class="yun2">
					         <img src="img/yun2.png"/>
				         </span>
					</div>
					<div class="bottom">
						<div class="yun1">
							<div class="yuna">
								<img src="img/yun1.png" />
							</div>
							<div class="yunb">
								<img src="img/yun4.png" />
							</div>
							<div class="yunc">
								<img src="img/yun3.png" />
							</div>
						</div>
						<div class="clear">
						</div>
						<div class="yueqiu_box">
							<div class="yueqiulg">
								<img src="img/yueqiulianggung.png" />
							</div>
							<div class="yueqiu">
								<img src="img/yueqiu.png" />
							</div>
						</div>

						<div class="ren_bottom">
							<div class="ren_img howe animated">
								<img src="img/ren.png" />
							</div>
							<div class="minyue howe animated ">
								<img src="img/minyuehuan.png" />
							</div>
							<div class="zheshi howe animated">
								<img src="img/zheshishenemgui.png" />
							</div>
							<div class="zhuyaokan howe animated">
								<img src="img/zhuyaokanqizhi.png" />
							</div>
							<div class="taizi howe animated">
								<img src="img/taizifeia.png" />
							</div>
						</div>
						<div class="inpuy howe animated">
							<a href="neiye_a.html"><img src="img/inpu.png" /></a>
						</div>

					</div>
				</div>

			</div>
			<!--内页a-->
			<div class="section section2">
				<div class="da">
					<div class="wz animated shake">
						<p>1.请问图片中位于中间的男孩姓名是？</p>
					</div>
					<div class="minddel">
						<div class="boys">
							<img src="img/neiye/boys.png" />
						</div>
						<div class="yunq">
							<img src="img/neiye/a.png" />
						</div>
						<div class="yunw">
							<img src="img/neiye/b.png" />
						</div>
						<div class="yune">
							<img src="img/neiye/c.png" />
						</div>
					</div>
					<div class="bottom_bottom">
						<div class="bottom_b animated">
							<a href="neiyeb.html">
								<h5>A.王俊凯</h5></a>
						</div>
						<div class="bottom_b animated">
							<a href="neiyeb.html">
								<h5>B.易洋千玺</h5></a>

						</div>
						<div class="bottom_b animated">
							<a href="neiyeb.html">
								<h5>c.王源</h5></a>

						</div>
						<div class="bottom_b animated">
							<a href="neiyeb.html">
								<h5>D.王凯</h5></a>

						</div>
					</div>
					<div class="bottom_right">
						<div class="kendiegou animated">
							<img src="img/neiye/kendiegou.png" />
						</div>

						<div class="yinfue animated">
							<img src="img/neiye/yfe.png" />
						</div>
						<div class="yinfud">
							<img src="img/neiye/yfd.png" />
						</div>
						<div class="yinfuc">
							<img src="img/neiye/yfc.png" />
						</div>
						<div class="yinfub">
							<img src="img/neiye/yfb.png" />
						</div>
						<div class="yinfua">
							<img src="img/neiye/yfa.png" />
						</div>

					</div>
				</div>
			</div>
			<!--内页b-->
			<div class="section section3">
				<div class="da">
					<div class="wezi animated">
						<img src="img/neiye/zhetama.png" />
					</div>
					<div class="piao_box">
						<div class="piao animated ">
							<img src="img/neiye/piaoa.png" />
						</div>
						<div class="hulu animated">
							<img src="img/neiye/piaob.png" />
						</div>
						<div class="yunz">
							<img src="img/neiye/a.png" />
						</div>
						<div class="yunx">
							<img src="img/neiye/b.png" />
						</div>
						<div class="yunc">
							<img src="img/neiye/b.png" />
						</div>
						<div class="yunv">
							<img src="img/neiye/c.png" />
						</div>
					</div>
					<div class="bottom_bottom">
						<div class="bottom_b animated bounce">
							<a href="haoyoupinlun.html">
								<h5>A.《Yogurt》</h5></a>
						</div>
						<div class="bottom_b animated bounce">
							<a href="haoyoupinlun.html">
								<h5>B.《Salt》</h5></a>

						</div>
						<div class="bottom_b animated bounce">
							<a href="haoyoupinlun.html">
								<h5>C.《Sugar》</h5></a>

						</div>
						<div class="bottom_b animated bounce">
							<a href="haoyoupinlun.html">
								<h5>D.《Salad》</h5></a>

						</div>
					</div>
					<div class="bottom_right">
						<div class="kendiegou animated">
							<img src="img/neiye/kendiegou.png" />
						</div>
						<div class="yinfu_box">
							<div class="yinfue">
								<img src="img/neiye/yfe.png" />
							</div>
							<div class="yinfud">
								<img src="img/neiye/yfd.png" />
							</div>
							<div class="yinfuc">
								<img src="img/neiye/yfc.png" />
							</div>
							<div class="yinfub">
								<img src="img/neiye/yfb.png" />
							</div>
							<div class="yinfua">
								<img src="img/neiye/yfa.png" />
							</div>
						</div>

					</div>
				</div>

			</div>

			<!--好友评论页-->
			<div class="section section4">
				<div class="da ">
					<div class="logoa animated">
						<img src="img/logo.png" />
					</div>
					<div class="tuoyuan_box">
						<div class="tuoyuan">
							<img src="img/haoyoupinlun/tuoyuan.png" />
						</div>
						<div class="tuoyuan_img">
							<img src="img/haoyoupinlun/tuoyuanimg.png" />
						</div>
						<div class="ceshi">
							<h4><span>[潮人测试]</span>***太牛了</h4>
							<h5>现在坚持个性的人恨得太少了</h5>
						</div>
						<div class="pinjia animated">
							<h6>看看你和你的朋友够亲密不</h6>
							<h3>一起来评价.</h3>
						</div>

					</div>
					<div class="bottom_middel">
						<div class="p animated">
							<h5>90后 新人类 +3</h5>
						</div>
						<div class="o animated">

							<h5>90后新锐</h5>
						</div>
						<div class="i animated">
							<h5>典型90后</h5>
						</div>
						<div class="u animated">
							<h5>00后潮人+5</h5>
						</div>
					</div>
					<div class="bottom_weibu animated">
						<h5>还体现不出你们的亲密度？那就评论下吧</h5>
						<input type="text" />

					</div>
					<div class="alianjie animated">
						<a href="index.html">提交</a>
						<a href="index.html">我也要玩</a>
					</div>
				</div>
			</div>

		</div>
		<script type="text/javascript">
			$(".web").fullpage({
				"afterLoad": function(anchorLink, link) {
//					if(link >= 2 && link <= 5) {
//						$(".web").addClass("fix_bg")
//						return;
//					}
//					$(".web").removeClass("fix_bg")
				}
			})
		</script>
	</body>

</html>